<template>
  <view class="head">
    <u-navbar leftIconSize="0"  :placeholder="true" title="消息中心"></u-navbar>
  </view>
  <!-- 在里面填写消息内容 -->
  <view v-if="messagelist.length">
    
  </view>
  <!-- 此处为无消息图片 -->
  <view v-else>
    <view class="else"
      ><img
        src="http://uniqn.zmycode.top/%E6%9A%82%E6%97%A0%E6%B6%88%E6%81%AF.png"
        alt="" class="img"
    /></view>
    <like></like>
  </view>
  <view class="bottom"></view>
</template>

<script setup>
import { ref } from "vue";
import like from "@/compents/like/like.vue";
const messagelist = ref([])
</script>

<style lang="scss" scoped>
.else {
  position: relative;
  height: 500rpx;
  .img {
    width: 200rpx;
    height: 200rpx;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
.bottom {
  height: 20rpx;
}
</style>
